<div class="categoryList ui-c-f">
    {{each list}}
    <div class="item" i-tap="goto(#/productList/category={{$value._id}})">
        <div style="background-image: url({{$value.pic}}?imageView2/1/w/250/h/250)">

        </div>
    </div>
    {{/each}}
</div>

<div class="ui-page-holder"></div>

<footer class="ui-v-a ui-tri">
    <a class="ui-tab" i-tap="goto(#/home/)">
        <span class="fic fic-home"></span>

        <p>首页</p>
    </a>

    <div class="ui-tab">
        <span class="fic fic-cate"></span>

        <p>分类</p>
    </div>
    <a class="ui-tab" i-tap="goto(#/myself)">
        <span class="fic fic-me"></span>

        <p>我的</p>
    </a>
</footer>

<style>
    .item {
        float: left;
        width: 50%;
    }

    .item:nth-child(even) > div {
        margin: 0 8px 8px 4px;
    }

    .item:nth-child(odd) > div {
        margin: 0 4px 8px 8px;
    }

    .item > div {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
</style>